<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="utf-8">
	<title>场景</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="./css/IQ-Scene.css" />
	<script src="js/flexible.js"></script>
</head>

<body>
	<div class="IQ-Scene-app">
		<div class="IQ-Scene-app-Time">
		</div>

		<div class="IQ-Scene-app-Top">
			<div class="IQ-Scene-app-Top-left">
				<span>我的场景</span>
			</div>
			<div class="IQ-Scene-app-Top-right">
				<span>发现</span>
			</div>
		</div>

		<div class="IQ-Scene-recommend">
			<div class="IQ-Scene-recommend-Title">
				<span>专属推荐</span>
			</div>

			<div class="IQ-Scene-recommend-ul">
				<ul>
					<li>
						<div class="IQ-Scene-recommend-ul-li">
							<div class="IQ-Scene-recommend-ul-li-img">
								<img src="./img/ic_come back2x.png">
							</div>
							<div class="IQ-Scene-recommend-ul-li-Text">
								<div class="IQ-Scene-recommend-ul-li-Text-up">
										温 馨 回 家
								</div>
								<div class="IQ-Scene-recommend-ul-li-Text-down">
										智 能 家 居 师
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-Scene-recommend-ul-li">
							<div class="IQ-Scene-recommend-ul-li-img">
								<img src="./img/ic_leave2x.png">
							</div>
							<div class="IQ-Scene-recommend-ul-li-Text">
								<div class="IQ-Scene-recommend-ul-li-Text-up">
									安 心 离 家
								</div>
								<div class="IQ-Scene-recommend-ul-li-Text-down">
									安 防 设 计 师
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-Scene-recommend-ul-li">
							<div class="IQ-Scene-recommend-ul-li-img">
								<img src="./img/ic_come_Scene_back2x.png">
							</div>
							<div class="IQ-Scene-recommend-ul-li-Text">
								<div class="IQ-Scene-recommend-ul-li-Text-up">
									早 安 问 候
								</div>
								<div class="IQ-Scene-recommend-ul-li-Text-down">
									智 能 家 居 师
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="IQ-Scene-recommend-ul-li">
							<div class="IQ-Scene-recommend-ul-li-img">
								<img src="./img/ic_slepp2x.png">
							</div>
							<div class="IQ-Scene-recommend-ul-li-Text">
								<div class="IQ-Scene-recommend-ul-li-Text-up">
									晚 睡 提 醒
								</div>
								<div class="IQ-Scene-recommend-ul-li-Text-down">
									生 活 达 人
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="IQ-Scene-recommend-protection">
			<div class="IQ-Scene-recommend-protection-Title">
				节能环保
			</div>
			<div class="IQ-Scene-recommend-protection-img">
				<div class="IQ-Scene-recommend-protection-img-box">
					<div>
						<img src="./img/img12x.png">
					</div>
					<div>
						<img src="./img/img22x.png">
					</div>
					<div>
						<img src="./img/img32x.png">
					</div>
					<div>
						<img src="./img/img42x.png">
					</div>
				</div>
			</div>
		</div>

		<div class="IQ-Scene-recommend-introduction">
			<div class="IQ-Scene-recommend-introduction-Title">
				<span>简单点，入门场景</span>
			</div>
			<div class="IQ-Scene-recommend-introduction-img">
				<img src="./img/img_banner_Scene2x.png">
			</div>
		</div>
	</div>
	<div class="IQ-switch">
		<div class="IQ-switch-Myhome" data-index="0">
			<div>
				<img src="./img/ic_home_B_s2x.png">
			</div>
			<span>我的家</span>
		</div>
		<div class="IQ-switch-scene" data-index="1">
			<div>
				<img src="./img/ic_scene_A_2x.png">
			</div>
			<span>场景</span>
		</div>
		<div class="IQ-switch-tasteful" data-index="2">
			<div>
				<img src="./img/ic_mal_A_2x.png">
			</div>
			<span>有品</span>
		</div>
		<div class="IQ-switch-mine" data-index="3">
			<div>
				<img src="./img/ic_mine_A_n2x.png">
			</div>
			<span>我的</span>
		</div>
	</div>
	<div class="IQ-bottom">
		
	</div>
</body>

</html>